<div class="footer_bg">
    <div class="wrap">
        <div class="footer">
            <div class="span_of_4">
                <div class="span1_of_4">
                    <h4>about us</h4>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry .....</p>
                    <span>Address</span>
                    <p class="top">500 Lorem Ipsum Dolor Sit,</p>
                    <p>22-56-2-9 Sit Amet,</p>
                    <p>USA</p>
                    <p>Phone:(00) 222 666 444</p>
                    <p>Fax: (000) 000 00 00 0</p>
                    <div class="f_icons">
                            <ul>
                                <li><a class="icon2" href="#"></a></li>
                                <li><a class="icon1" href="#"></a></li>
                                <li><a class="icon3" href="#"></a></li>
                                <li><a class="icon4" href="#"></a></li>
                                <li><a class="icon5" href="#"></a></li>
                            </ul>	
                    </div>
                </div>
                <div class="span1_of_4">
                    <h4>latest posts</h4>
                    <span>Fusce scelerisque massa vitae</span>
                    <p>25 april 2013</p>
                    <span>Pellentesque bibendum ante</span>
                    <p>15 march 2013</p>
                    <span>Maecenas quis ipsum sed magna </span>
                    <p>25 april 2013</p>
                </div>
                <div class="span1_of_4">
                    <h4>latest comments</h4>
                    <span class="bg">It is a long established fact that a reader will looking layout.</span>
                    <span class="bg top">There are many variations of passages of Lorem Ipsum available words.</span>
                    <span class="bg">It is a long established fact that a reader will looking layout.</span>
                </div>
                <div class="span1_of_4">
                    <h4>flicker photostream</h4>
                    <ul class="f_nav">
                        <li><a href="#"><img src="__STATIC__/home/images/f_pic1.jpg" alt=""> </a></li>
                        <li><a href="#"><img src="__STATIC__/home/images/f_pic2.jpg" alt=""> </a></li>
                        <li><a href="#"><img src="__STATIC__/home/images/f_pic3.jpg" alt=""> </a></li>
                        <li><a href="#"><img src="__STATIC__/home/images/f_pic4.jpg" alt=""> </a></li>
                        <li><a href="#"><img src="__STATIC__/home/images/f_pic5.jpg" alt=""> </a></li>
                        <li><a href="#"><img src="__STATIC__/home/images/f_pic6.jpg" alt=""> </a></li>
                        <li><a href="#"><img src="__STATIC__/home/images/f_pic7.jpg" alt=""> </a></li>
                        <li><a href="#"><img src="__STATIC__/home/images/f_pic8.jpg" alt=""> </a></li>
                        <li><a href="#"><img src="__STATIC__/home/images/f_pic9.jpg" alt=""> </a></li>
                        <li><a href="#"><img src="__STATIC__/home/images/f_pic10.jpg" alt=""> </a></li>
                        <li><a href="#"><img src="__STATIC__/home/images/f_pic11.jpg" alt=""> </a></li>
                        <li><a href="#"><img src="__STATIC__/home/images/f_pic12.jpg" alt=""> </a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
            <div class="footer_top">
                <div class="f_nav1">
                    <ul>
                        <li><a href="index.html">home</a></li>
                        <li><a href="about.html">about</a></li>
                        <li><a href="portfolio.html">portfolio</a></li>
                        <li><a href="blog.html">blog</a></li>
                        <li><a href="index.html">features</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </div>
                <div class="copy">
                    <p class="link"><span>© All rights reserved </span></p>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>

<!--swipebox -->	
<!-- <link rel="stylesheet" href="__STATIC__/home/css/swipebox.css"> -->
<script src="__STATIC__/home/js/jquery.swipebox.min.js"></script> 
<script type="text/javascript">
    jQuery(function($) {
        $(".swipebox").swipebox();
    });
</script>
<!--//swipebox Ends -->